<include file="Public:header" />

<include file="Collect:header" />

<script>

$(document).ready(function(e) {
	$('.step .text').eq(0).addClass('on');
    $('.showcurimg').each(function(index, element) {
        $(this).click(function(e) {
            $(this).find('img.img').show();
        });
		$(this).mouseleave(function(e) {
            $(this).find('img.img').hide(); 
        });
    });
	
	$('.categoryList li.control_').click(function(e) {
        if($(this).parent().hasClass('open')){
			$(this).parent().removeClass('open');
		}else{
			$(this).parent().addClass('open');
		}
    });
	
	
	
});


function read(id){
	

	
	$.get('{:U('read')}',{
		id:id
		},function(d){
		$('#readiframe').html(d);
		$('.container.main').hide();
		$('#readiframe').show();
		$('.myBox24017').hide();
		$('.readnext_').click(function(e) {
            window.location.href = '{:U('collecttonews', array('id' => 'readid_'))}'.replace('readid_', id);
        });
	},'html');
}

function cancelread(){
	
		$('#readiframe').html('');
		$('.container.main').show();
		$('#readiframe').hide();
		$('.myBox24017').show();

}
document.title = '素材预览';
</script>
<div style="max-height:100%; padding:10px;" id="readiframe">
{$info.content}
</div>
<div class="row nextbtn" style="position:fixed; bottom:0; background:rgba(0,0,0,0.62); width:100%; padding:8px 0; margin:0;">
<div class="col-xs-6">
        <a href="javascript:history.go(-1);" class="btn btn-default">重新选一个</a>
    </div>
    <div class="col-xs-6">
        <a href="{:U('collecttonews', array('id' => $_GET['id']))}" class="btn btn-success">下一步</a>
    </div>
    
</div>






<style>
#readiframe img{max-width:100%;}
.nextbtn a{display:block;}
.header{display:none;}
.NewsListMobile.media {
background:#fff;
    border:none;
}
.pages{position:static;}
.w790{background:#fff; margin-top:0; padding:0;}
.NewsListMobile img{border:none; background:#ccc;}
.NewsListMobile .media-left{padding:0; margin-right:10px;}
.NewsListMobile .media-body{padding-left:12px !important;}
.collectcategoryList h3{font-weight:bold; padding:8px 0;}
.NewsListMobile h4 a{font-size:16px;}
.NewsListMobile p{color:#A0A0A0;}
.collectcategoryList .subcate a{margin:5px; font-size:16px; padding:5px; display:inline-block;}
.collectcategoryList .subcate a.on{color:#f00;}
</style>

<include file="Public:footer" />